<!DOCTYPE HTML>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/swiper.css"/>
    <link rel="stylesheet" href="css/article.css"/>
    <link rel="stylesheet" href="css/article_menu.css">
</head>
<body>

<div id="menu-container"></div>

<div class="swiper-container">

</div>

<script type="text/javascript" src="./js/base/swiper.js"></script>
<script type="text/javascript" src="./js/requirejs/2.1.14/require.js"></script>
<script type="text/javascript">

    require.config({
        baseUrl: './js/',
        paths: {
            'jquery': 'base/jquery-2.0.3',
            'klass': 'base/klass',
            'FontStyleController': 'app/FontStyleController',
            'renderPage': 'app/renderPage',
            'read': 'read',
            'menu': 'article_menu'
        },
        shim: {}
    });

    require(['read', 'menu'], function (read, menu) {

        read.main();
        menu.load();
    });
</script>
</body>
</html>